Connecting the check out page

To prepare the check out page, you need to:

To create an input image Purchase button:

1 Select the image, click the More tab of the Image Inspector, and check Is Form. This makes the button act as a Submit button for the check out page.

2 Select the Links Action option in the Binding Details pane of the Dynamic Link palette and choose the Purchase Now action.

3 Set the button's Success Link to the page you want the viewer to see when the order is submitted; for example, a page called thanks.asp.

Note: You could also use a regular form Submit button, although that restricts you to the plain look of a generic form button.

You may want to add a button that lets the customer reset the form. A generic Reset button works, but you may want to use an image instead.

To add an image Reset or Clear Form button:

1 Select the image you want to use as a Reset button.

2 Click the Source tab of the document window.

3 At the end of the highlighted IMG tag add: onclick= "formName.reset()"

The code should now look like this:

<img src= "imageName.gif" onclick= "formName.reset()"

Simply replace formName with the name you gave to the form on this page.

To bind placeholders and links:

1 Bind placeholder text, graphics, and form fields to the appropriate fields of the content source.

2 Bind links to dynamic pages where your design requires them.

Note: Step 2 is necessary only if you want to use the Microsoft Commerce Server feature of tracking shopper IDs by storing them in the URL strings. If so, make sure that every page in the site is a dynamic page, and that every link is a link to a dynamic page.

For detailed instructions on any of these tasks, see Adding dynamic content to pages in this chapter.

Using Dynamic Link > Creating an e-commerce site > Connecting the check out page